import React, { Component } from 'react';
import {  Row, Col, Input } from 'antd';
import './index.less';
import WebBanner from '../Component/WebBanner';
import HelpMenu from './HelpMenu';
import HelpLink from './HelpLink';

export default class Help extends Component {
  onChange(index) {
    // console.log(index);
  }

  render() {
    return (
      <div className='web-page help'>
        {/*顶部大图*/}
        <WebBanner className='help-banner'>
          <Row className='web-page-banner-title'>
            <Col span={4} className='help-search-label'>服务支持</Col>
            <Col span={12} className='transparent'>
              <Input.Search className='help-search-input' size='large' placeholder='输入问题关键字，找到答案' />
            </Col>
          </Row>
        </WebBanner>
        {/*菜单*/}
        <HelpMenu />
        {/*视频链接*/}
        <HelpLink />

        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
      </div>
    );
  }
}